<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8"> <!-- 指定文档使用 UTF-8 编码 -->
  <title>欢迎登录</title>
  <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f9;
            color: #333;
            text-align: center;
            padding-top: 10vh;
        }
        h1 {
            font-size: 2.5em;
            color: #333;
        }
        p, a {
            font-size: 1.2em;
            color: #666;
            display: inline-block;
            margin: 10px;
            text-decoration: none; /* 去除下划线 */
            color: #007bff; /* 设置链接颜色 */
        }
        a:hover {
            text-decoration: underline; /* 鼠标悬浮时添加下划线 */
        }
    </style>
</head>
<body>
<h1>欢迎登录油卡管理页面</h1>
<p>欢迎来到我们的网站，请享受您的访问。</p>
<div>
  <!-- 添加链接 -->
  <a href="OilCard">油卡管理</a>
  <a href="request">请求页面</a>
  <a href="transactionRecord">交易记录</a>
</div>
</body>
</html>